@import './common.scss';
@import './variables.scss';

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  // font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-family: Microsoft YaHei;
  background: #F2F3F4;
  color: #333;
}

html {
  height: 100%;
  box-sizing: border-box;
  font-size : 16px;
}
view{
  box-sizing: border-box;
}

@media only screen and (max-width: 361px){
  html {
      font-size: 14px !important;
  }
}
#app{
  height: 100%;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus{
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inline-block {
  display: inline-block;
}

.webkit{
  display: -webkit-box;
}
.flex1{
  -webkit-box-flex: 1;
}

label,th{
  font-weight: normal;
}

.ellipsis_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.underline{
  text-decoration: underline;
}

.v-middle{
  vertical-align: middle;
}
//cy

// 预定义前景色
@each $c in $frontColors {
  .c-#{$c} { color: #{'#'+$c}; }
}

// 预定义背景色
@each $bgc in $bgColors {
  .bgc-#{$bgc} { background-color: #{'#'+$bgc}; }
}

// 预定义字体大小
@each $f in $fontSize {
  .f#{$f} { font-size: #{$f}px; }
}

// 高度100%
.c-h-full {
  height: 100%;
}

// 循环设置宽
@for $w10 from 22 through 0 {
  .w#{$w10*1} {width: 1px*$w10;}
}

// 循环设置高
@for $h10 from 25 through 0 {
  .h#{$h10*5} {height: 5px*$h10;}
}



// 循环设置margin
@for $m from 50 through 0 {
  .m#{$m*1} {margin: 1px*$m;}
}

@for $mt from 50 through 0 {
  .mt#{$mt*1} {margin-top: 1px*$mt;}
}
@for $mb from 50 through 0 {
  .mb#{$mb*1} {margin-bottom: 1px*$mb;}
}
@for $mtb from 50 through 0 {
  .mtb#{$mtb*1} {margin-top: 1px*$mtb; margin-bottom: 1px*$mtb;}
}
@for $mr from 50 through 0 {
  .mr#{$mr*1} {margin-right: 1px*$mr;}
}
@for $ml from 50 through 0 {
  .ml#{$ml*1} {margin-left: 1px*$ml;}
}
@for $mlr from 50 through 0 {
  .mlr#{$mlr*1} {margin-left: 1px*$mlr; margin-right: 1px*$mlr;}
}

// 循环设置padding
@for $p from 50 through 0 {
  .p#{$p*1} {padding: 1px*$p;}
}

@for $pt from 50 through 0 {
  .pt#{$pt*1} {padding-top: 1px*$pt;}
}
@for $pb from 60 through 0 {
  .pb#{$pb*1} {padding-bottom: 1px*$pb;}
}
@for $ptb from 50 through 0 {
  .ptb#{$ptb*1} {padding-top: 1px*$ptb; padding-bottom: 1px*$ptb;}
}
@for $pr from 50 through 0 {
  .pr#{$pr*1} {padding-right: 1px*$pr;}
}
@for $pl from 50 through 0 {
  .pl#{$pl*1} {padding-left: 1px*$pl;}
}
@for $plr from 50 through 0 {
  .plr#{$plr*1} {padding-left: 1px*$plr; padding-right: 1px*$plr;}
}

// 循环设置高
@for $lh from 50 through 10 {
  .lh#{$lh} {line-height: 1px*$lh;}
}
@for $fs from 8 through 40 {
  .fs-#{$fs} {font-size: 1px*$fs;}
}

.tc{
  text-align: center;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.hb100{
  height: 100%;
}
.f-bold{
  font-weight: bold;
}